﻿<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">  
	<link rel="stylesheet" href="scrollbar/jquery.mCustomScrollbar.css" type="text/css" media="screen"/>
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
	<script src="js/mainscript.js" type="text/javascript"></script> 
	<script src="scrollbar/jquery.mCustomScrollbar.concat.min.js" type="text/javascript"></script>
 	
	<!--[if lt IE 7]>
        <div style=' clear: both; text-align:center; position: relative;'>
            <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0"  alt="" /></a>
        </div>
	<![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page2">
	<!--==============================header=================================-->
    <header>
    	<div class="row-1">
        	<div class="main">
            	<div class="container_12">
                	<div class="grid_12">
                    	<nav>
                            <ul class="menu">
                                <li><a href="index.html">Giới thiệu</a></li>
                                <li><a class="active" href="services.html">Dịch vụ</a></li>
                                <li><a href="catalogue.html">Catalogue</a></li>
                                <li><a href="pricing.html">Sản phẩm</a></li>
                                <li><a href="contacts.html">Liên hệ</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="row-2">
        	<div class="main">
            	<div class="container_12">
                	<div class="grid_9">
                    	<h1>
                            <a class="logo" href="index.html"><strong>3</strong>D&nbsp;</a>
                            <span>Simulator</span>
                        </h1>
                    </div>
                    <div class="grid_3">
                    	<form id="search-form" method="post" enctype="multipart/form-data">
                            <fieldset>	
                                <div class="search-field">
                                    <input name="search" type="text" />
                                    <a class="search-button" href="#" onClick="document.getElementById('search-form').submit()"><span>search</span></a>	
                                </div>						
                            </fieldset>
                        </form>
                     </div>
                     <div class="clear"></div>
                </div>
            </div>
        </div>
    </header><div class="ic">More <a href="http://www.templatemonster.com/">Website Templates</a> @ TemplateMonster.com - August22nd 2011!</div>
<!-- content -->
    <section id="content">
        <div class="bg-top">
        	<div class="bg-top-2">
                <div class="bg">
                    <div class="bg-top-shadow">
                        <div class="main">
                            <div class="box p3">
								<div id="simulator">
									<div id="simulator-toolbar">
										<div id="st-toggle" class="st-button"><img src="images/full_screen.png"/></div>
										<div id="st-room" class="st-button st-textbutton st-dropdown">Loại phòng</div>
										<div id="st-wall" class="st-button st-textbutton st-dropdown">Loại tường</div>
									</div>
									<div id="simulator-main">
										<div id="simulator-bg"></div>
										<div id="simulator-wall"></div>
										<div id="st-roomlist-bg"></div>
										<div id="st-roomlist">
											<div class="st-room-instant">
												<img src="images/rooms/1.3.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/3.1.jpg"/>
												<div class="st-room-des"><span>Phòng đôi</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/5.1.jpg"/>
												<div class="st-room-des"><span>Phòng đôi</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/6.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đôi</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/5.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đôi</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/5.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/6.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đôi</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/3.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đôi</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/5.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/6.1.jpg"/>
												<div class="st-room-des"><span>Phòng đôi</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/5.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/5.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/6.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/5.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/6.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/5.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/4.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/5.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
											<div class="st-room-instant">
												<img src="images/rooms/6.1.jpg"/>
												<div class="st-room-des"><span>Phòng đơn</span></div>
											</div>
										</div>
										<div id="st-walllist">
											<div class="st-wall-instant">
												<img src="images/rooms/wall1.jpg" alt="wall1"/>
												<div class="st-wall-des"><span>Tường trơn</span></div>
											</div>
											<div class="st-wall-instant">
												<img src="images/rooms/wall2.jpg" alt="wall2"/>
												<div class="st-wall-des"><span>Họa tiết</span></div>
											</div>
										</div>
									</div>
								</div>
                            </div>                            
                        </div>
                    </div>
                </div>
            </div>	
        </div>
    </section>
    
	<!--==============================footer=================================-->
    <footer>
        <div class="main">
        	<div class="container_12">
            	<div class="wrapper">
                	<div class="grid_4">
                    	<div>Interior Design &copy; 2011 <a class="link color-3" href="#">Privacy Policy</a></div>
                        <div><a target="_blank" href="http://www.templatemonster.com/">Website Template</a> by TemplateMonster.com</div>
                        <!-- {%FOOTER_LINK} -->
                    </div>
                    <div class="grid_4">
                    	<span class="phone-numb"><span>+1(800)</span> 123-1234</span>
                    </div>
                    <div class="grid_4">
                    	<ul class="list-services">
                        	<li><a href="#"></a></li>
                            <li><a class="item-2" href="#"></a></li>
                            <li><a class="item-3" href="#"></a></li>
                            <li><a class="item-4" href="#"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
	<script>
		(function($){
			$(window).load(function(){
				$("#st-roomlist").mCustomScrollbar();
			});
		})(jQuery);
	</script>
</body>
</html>
